<script setup>
import { ref } from 'vue'
import general from './customerTab/general.vue'
import dynamic from './customerTab/dynamic.vue'
import chattingRecords from './customerTab/chattingRecords.vue'
import inGroup from './customerTab/inGroup.vue'
import etongVue from './customerTab/etong.vue'
import business from './customerTab/business.vue'
import order from './customerTab/order.vue'
const props = defineProps({
	tabActiveKey: Number
})
</script>
<template>
	<div class="customer-detail-tab">
		<general v-show="props.tabActiveKey === 1" />
		<dynamic v-show="props.tabActiveKey === 2" />
		<chattingRecords v-show="props.tabActiveKey === 3" />
		<inGroup v-show="props.tabActiveKey === 4" />
		<etongVue v-show="props.tabActiveKey === 5" />
		<business v-show="props.tabActiveKey === 6" />
		<order v-show="props.tabActiveKey === 7" />
	</div>
</template>
<style lang="scss">
.customer-detail-tab {
	width: 100%;
}
</style>
